//给所有的aTr绑定点击事件，利用事件冒泡的思想，去获取tr，然后改变颜色
TrBackgroundColor();
//点击添加日程
//用空字符串拼接cookie，
var str='';
//获取编辑日程表那个块
var newTask=document.querySelector(".task_details");
//获取第一页的日历
var calendar=document.querySelectorAll(".calendar")[0];
//第二页的确认键
var permit=document.querySelector("#permit");
//第二页的取消键
var cancel=document.querySelector("#cancel");
//获取所有的input块
var aInput=newTask.querySelectorAll("input");
var oTaskList=document.querySelector(".task_list");
var a=new Date();
var b=a.getDate();
var c=a.getMonth()+1;
var month=currentText.innerHTML.split("-")[1];
//添加日程时的那个添加键，它的功能是让第一页隐藏，第二页出现
oTaskList.onclick=function(ev){
    if(ev.target.id=='add'||ev.target.tagName=='IMG'){
        newTask.style.display="block";
        calendar.style.display="none";
    }
};
document.cookie+="list511=nsaja,hsjcsd,adsjcksd;"
//点击事件的函数
//添加后吧数据存入cookie中，然后等会再点击日期时添加进去
//为了避免冲突，所以采用list+月份+日期来命名key值。
//然后再取值，从点击日期的时候
permit.onclick=function() {
    checkForm();
};
//取消则让他返回上一个视图
cancel.onclick=function(){
    newTask.style.display="none";
    calendar.style.display="block";
    clear()
    if(oTaskList.children.length<=1){
        getCookie(findCookie("list"+c+b));
    }
};
;
//当选择一个日期时，我们要调出他的cookie，查看他的日程，写一个cookie函数,
//所以这里findCookie里面要传一个参数，就是你要查询的参数
function findCookie(date){
    var allCookie=document.cookie;
    //找到位置
    var pos=allCookie.indexOf(date);
    var arr=allCookie.slice(pos).split(";")[0].split(",");
    if(pos>=0){
        return arr;
    }else{
        arr.length=0
        return arr;
    }

}
//写一个函数,提取cookie里面的数据
function getCookie(arr){
    var con='';
    for(var i=0;i<arr.length-1;i++){
        con += "<div class='task'>" +
            "<p><span>主题：</span>"+arr[i].split("=")[1]+"</p>\n" +
            "<p><span>详情：</span>"+arr[++i]+"</p>\n" +
            "<p><span>起始时间：</span>"+arr[++i]+"</p>" +
            "<p><span>结束时间：</span>"+arr[++i]+"</p>" +
            "</div>";
    }
    oTaskList.innerHTML+=con;
}
//检查表单
function checkForm(){
    if(!(aInput[0].value)){
        aInput[0].value="（无主题）"
    }
    if(aInput[1].value){
        calendar.style.display="block";
        newTask.style.display="none";
        for (var i = 0; i < aInput.length - 2; i++) {
            str += aInput[i].value +",";
        }
        //console.log()
        document.cookie="list"+month+currentTime.innerHTML.split('-')[2]+"="+str;
        getCookie(findCookie("list"+c+b));
        str='';
    }else{
        alert("不可以没有描述")
    }
}
function TrBackgroundColor(){
    for(var i=1;i<aTr.length;i++){
        aTr[i].onclick=function(ev){
            whiteBack();
            ev.target.style.backgroundColor="grey";
            clear();
            currentTime.innerHTML=currentText.innerHTML+'-'+ev.target.innerHTML;
            getCookie(findCookie("list"+month+ev.target.innerHTML));
        }
    }
}
//改变背景颜色前让所有的块变成白色，除了当前日期
function whiteBack(){
    var date=new Date();
    var day=date.getDate();
    var aTd=document.querySelectorAll("td");
    for(var j=0;j<aTd.length;j++){
        aTd[j].style.backgroundColor="white";
        if(aTd[j].innerHTML==day){
            aTd[j].style.backgroundColor="papayawhip"
        }
    }
}
//清空数据
function clear(){
    oTaskList.innerHTML="<div class='add' id='add'><img src='img/add2.png'/>添加日程</div>"
}
